<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>

<body>
    <form action=""><button>点击</button></form>
    <form action=""><button>点击</button></form>
    <form action=""><button>点击</button></form>
    <form action=""><button>点击</button></form>
    <form action=""><button>点击</button></form>
    <form action=""><button>点击</button></form>
    <form action=""><button>点击</button></form>
    <form action=""><button>点击</button></form>
    <form action=""><button>点击</button></form>
    <form action=""><button>点击</button></form>

    <img src="" alt="">
    <img src="" alt="">
    <img src="" alt="">
    <img src="" alt="">
    <img src="" alt="">
    <img src="" alt="">
    <img src="" alt="">
    <img src="" alt="">
    <img src="" alt="">
    <img src="" alt="">

    <a href=""></a>
    <a href=""></a>
    <a href=""></a>
    <a href=""></a>
    <a href=""></a>
    <a href=""></a>
    <a href=""></a>
    <a href=""></a>
    <a href=""></a>
    <a href=""></a>
</body>
<script>
    // document -> window下的子对象  window.document


    // window -> document -> html -> body -> .....

    // document 文档对象
    // 1. 页面在文档中渲染 -> html页面载入到浏览器中 会变成文档的一部分
    // 2. 通过document可以获取页面中的元素,操作元素(改变元素的内容 样式 属性 绑定事件)

    // console.log(document);
    console.dir(document); //以键值对形式打印对象

    // document对象的属性和方法
    // 属性
    // URL      返回当前文档的URL
    // all      页面中所有元素的集合
    // forms    页面中所有表单元素的集合
    // images   页面中所有图片的集合
    // scripts  页面中所有脚本的集合
    // links    页面中所有a标签的集合


    // document.documentElement  快捷获取html
    // document.body             快捷获取body
    // document.head             快捷获取head
    // document.title  获取和设置 网页标题的内容


    console.log(document.documentElement);
    console.log(document.body);
    console.log(document.head);

    // console.log(document.title);
    // document.title = "hello"




    // 方法
    // document.getElementById()
    // document.getElementsByClassName()
    // document.getElementsByTagName()
    // document.getElementsByName()
    // document.write()



</script>

</html>